﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta charset="utf-8" />
    <title>正在加载请稍候...</title>
    <script src="Scripts/JavaScript1.js"></script>
    <script type="text/javascript" src="Scripts/bootstrap/js/jquery.min.js"></script>

    <script src="./Comm/JScript.js" type="text/javascript"></script>
    <script src="./Comm/JS/TBHelpDiv.js" type="text/javascript"></script>
    <script src="../DataUser/JSLibData/MyFlowPublic.js" type="text/javascript"></script>

    <script src="./Comm/JS/Calendar/WdatePicker.js" type="text/javascript"></script>
    <script type="text/javascript" src="Scripts/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="Scripts/bootstrap/js/jquery.cokie.min.js"></script>
    <script type="text/javascript" src="Scripts/bootstrap/js/commonYangYH.js"></script>
    <script type="text/javascript" src="Scripts/Cookie.js"></script>
    <script type="text/javascript" src="Scripts/bootstrap/js/jquery.nav.js"></script>
    <!--杨玉慧 动态加载JS MyFlow2016和MapExt2016-->
    <script type="text/javascript">

        var load = {};

        /*JS 动态加载js 文件*/
        load.LoadJs = function (jsPath, chartset, callbackfun) {
            try {
                var head = document.getElementsByTagName('head')[0];
                var script = document.createElement('script');
                script.src = jsPath + "?Version=" + Math.random();
                script.type = 'text/javascript';
                if (chartset != undefined) {
                    script.chartset = chartset;
                }

                if (script.readyState) {
                    script.onreadystatechange = function () {
                        if (script.readyState == "loaded" || script.readyState == "complete") {
                            script.onreadystatechange = null;
                            if (callbackfun != undefined && typeof (callbackfun) == 'function') {
                                callbackfun();
                            }
                        }
                    }
                } else {
                    script.onload = function () {
                        if (callbackfun != undefined && typeof (callbackfun) == 'function') {
                            callbackfun();
                        }
                    }
                }
                head.appendChild(script);
            }
            catch (err) {
                alert(err)
            }

            //$.getScript(jsPath, callbackfun);
        }

        /*js 和CSS 的版本号*/
        load.Version = '0412145203';
        $(function () {
            //load.LoadJsSort(["Scripts/MyFlow2016.js", "CCForm/MapExt2016.js"], 0, Math.random(), undefined);
            load.LoadJs("Scripts/MyFlowFoolTrack2016.js", undefined, function () {
                load.LoadJs('CCForm/MapExt2016.js', undefined, function () {
                    load.LoadJs('MyFlowFoolTrack2016.js', undefined, function () {

                    })
                })
            })
        })
    </script>
    <!--<script type="text/javascript" src="Scripts/MyFlow2016.js"></script>
    <script type="text/javascript" src="CCForm/MapExt2016.js"></script>-->
    <script src="./Scripts/config.js" type="text/javascript"></script>
    <script type="text/javascript" src="Comm/Gener.js"></script>

    <script type="text/javascript" src="Scripts/QueryString2016.js"></script>
    <!--<script type="text/javascript" language="javascript" src="../DataUser/PrintTools/LodopFuncs.js"></script>-->

    <link href="./Comm/JS/Calendar/skin/WdatePicker.css" rel="stylesheet" type="text/css" />
    <link href="./Scripts/bootstrap/css/bootstrap.css" rel="Stylesheet" />
    <link href="./Scripts/bootstrap/css/lanrenzhijia.css" rel="Stylesheet" />

    <link href="./Scripts/bootstrap/css/components-rounded.css" rel="Stylesheet" />
    <link href="./Scripts/bootstrap/css/font-awesome.css" rel="Stylesheet" />
    <link rel="stylesheet" href="./Scripts/bootstrap/css/css.css" type="text/css" media="all" />

    <!-- 该文件可以被集成厂商自己定义风格,可以自己修改,以达到流程设计器与自己的系统风格统一. -->
    <link href="../DataUser/Style/ccbpm.css" rel="Stylesheet" />


    <script src="./Scripts/jBox/jquery.jBox-2.3.min.js" type="text/javascript"></script>
    <link href="./Scripts/jBox/Skins/Blue/jbox.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript" src="\Portal\Resources\global\plugins\respond.min.js"></script>
    <style type="text/css">
        body {
            padding: 0px;
            margin: 0px;
        }

        .nav > li > a {
            padding: 6px 13px;
        }

            .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav > li > a:hover, .nav > li > a:focus {
                border-radius: 10px 10px 0px 0px;
            }

        .errorInput {
            border: 1px red solid !important;
        }

        li.scrollNav.active a {
            background: url(Scripts/bootstrap/css/img/back.png) no-repeat;
        }

        #nav li {
            height: 110px;
        }

            #nav li a > div {
                width: 25px;
                height: 25px;
                border-radius: 50%;
                background: #CDD2D8;
                line-height: 25px !important;
                text-align: center;
                color: #fff;
                font: bold 15px "微软雅黑";
                margin: 0px auto;
                margin-bottom: 10px;
            }

            #nav li > a {
                color: #333;
                height: 110px;
                overflow: hidden;
                text-align: center;
                background: none;
                font: bold 14px "微软雅黑";
            }

                /*.form_tree {
            width: 100%;
        }

            .form_tree input[type=text] {
                width: 90.1%;
            }

            .form_tree .input-group-addon {
                display: inline;
                float: right;
                height: 29px;
            }*/

                #nav li > a p {
                    color: #2884fa;
                    font: normal 12px '微软雅黑';
                }

        #nav .current a {
            margin: 0px;
            color: #333;
            background: none;
            box-shadow: none;
        }

            #nav .current a > div {
                width: 30px;
                height: 30px;
                line-height: 30px !important;
                background: #7E8DF9;
                font: bold 18px "微软雅黑";
            }

        body iframe {
            border: none;
        }

        #header > b, .returnTackHeader b {
            width: 25px;
            height: 25px;
            border-radius: 50%;
            background: #fff;
            margin: 12px;
            float: left;
            text-align: center;
            color: rgb(192, 193, 204);
            line-height: 25px;
        }

        #topContentDiv i {
            display: block;
            width: 33px;
            height: 22px;
            background: url("Scripts/bootstrap/css/img/sanjiao_03.png") no-repeat;
            background-size: 80%;
            position: absolute;
            top: 56px;
            left: 50px;
        }

        #topContentDiv {
            margin-top:20px;
        }

        .navbars {
            position: fixed;
            float: left;
            width: 18%;
            height: 500px;
            overflow: hidden;
        }

            .navbars .s {
                overflow-y: auto;
                scrollbar-face-color: #fff;
            }

            .navbars i {
                display: block;
                width: 64px;
                height: 30px;
                background: url("Scripts/bootstrap/css/img/arrow.png") no-repeat -75px 4px;
                margin: 0px auto;
            }

                .navbars i:hover {
                    background: url("Scripts/bootstrap/css/img/arrow.png") no-repeat 0px 4px;
                }

                .navbars i.bottom, .navbars i.bottom_disabled {
                    background: url("Scripts/bootstrap/css/img/arrow.png") no-repeat -75px -42px;
                }

                    .navbars i.bottom:hover, .navbars i.bottom_disabled:hover {
                        background: url("Scripts/bootstrap/css/img/arrow.png") no-repeat 0px -42px;
                    }

        ::-webkit-scrollbar-thumb {
            background-color: #fff;
            border: none;
        }

        ::-webkit-scrollbar {
            width: 0px;
            height: 0px;
        }

        button[disabled], html input[disabled], textarea[disabled] {
            background: #F1F1F2;
            border: none;
            resize: none;
        }

        .input-group .input-group-addon {
            border: none;
            background: #F1F1F2;
        }

        #header > p, .returnTackHeader p {
            float: right;
            margin: 0px;
            margin-right: 15px !important;
            font-size: 14px;
            margin-top: 10px;
            color: #333;
        }

        #btnPopValCancel {
            background: #2884fa !important;
        }
    </style>
</head>
<body>
    <div id="ShowPFlow" style="display:none;">
        <button id="btnShowPFlow" value="查看父流程信息" style="float:left;">查看父流程信息</button>
    </div>
    <!--Message-->
    <div class="Message alert">
        <button type="button" id="btnCloseMsg" aria-hidden="true" style="float: right; background: transparent; border: none;">&times;</button>
        <div id='Message'></div>
    </div>
    <!--分组导航-->
    <div class="navbars" style="display: none;">
        <div style="width: 100%; height: 30px; position: absolute; z-index: 10; background: #fff;">
            <i class="top_disabled"></i>
        </div>
        <div style="width: 100%; height: 30px; position: absolute; z-index: 10; background: #fff; bottom: 0px;">
            <i class="bottom"></i>
        </div>
        <ul class="pageScroll left" id="nav"></ul>
    </div>

    <!--轨迹导航-->
    <ul class="pageScroll left" id="navTrackList" style="display: none;"></ul>
    <div id="divTrack"></div>
    <div id="divCurrentForm" name="track13" style="background: #E3E7F4; position: relative;">
        <!--标题-->
        <div id="header">
            <b></b><span></span>
            <p class="rdt" style="display:none;">处理时间：</p><p class="emps">处理人：</p>
            <div id="showCol">
                <input type="radio" name="showCol" id="rdShow4" value="4" /> <label for="rdShow4">4列展示</label>
                <input type="radio" value="8" id="rdShow8" name="showCol" /> <label for="rdShow8">8列展示</label>
            </div>
        </div>
        <!--上半部分表单-->
        <div id="topContentDiv" class="row" style="padding: 0px 5px;">
            <i></i>
            <div id="contentDiv">
                <form id="divCCForm" action="MyFlow.ashx?method=login" method="post">
                    <!--LODOP_OB 先放着 不知道具体是什么-->
                    <div>
                        <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width="0" height="0">
                            <embed id="LODOP_EM" type="application/x-print-lodop" width="0" height="0" pluginspage="../DataUser/PrintTools/install_lodop32.exe" />
                        </object>
                    </div>
                    <!--头部功能按钮 发送、移交-->
                    <div class="topBar" id="topBar">
                        <!-- <uc3:ToolBar ID="ToolBar1" runat="server"/>-->
                    </div>
                    <!--flowInfo-->
                    <div class="flowInfo" id="flowInfo">
                        <!--<uc1:Pub ID="Pub1" runat="server"/>-->
                    </div>

                    <!--childThread-->
                    <div class="childThread" id='childThread'>
                        <!--<uc1:Pub ID="Pub3" runat="server"/>-->
                    </div>
                    <!--主表单--><!--<uc2:UCEn ID="UCEn1" runat="server"/>-->
                    <div id="CCForm">
                        <br />
                        正在初始化表单模板及数据，请耐心等待。。。
                        <br />
                        <br />
                    </div>
                    <!--Pub2 -->
                    <div class="pub2Class" id="pub2Class">
                        <!-- <uc1:Pub ID="Pub2" runat="server"/>-->
                    </div>

                    <!--DIVINFO-->
                    <div id='divinfo' style='width: 155px; position: absolute; color: Lime; display: none; cursor: pointer; align: left'></div>
                </form>
                <!--底部功能按钮 发送、移交-->
                <div id="bottomToolBar" style="display: block;" class="Bar">
                </div>
            </div>
        </div>
    </div>
    <!--杨玉慧加 暂时解决POP窗不好用的问题-->
    <div class="modal fade" id="returnPopValModal">
        <div class="modal-dialog" style="margin-left:auto;margin-right:auto;">
            <div class="modal-content" style="border-radius: 0px;">
                <div class="modal-header">
                    <button type="button" data-dismiss="modal" aria-hidden="true" style="background: none; border: none; float: right;">×</button>
                    <h4 class="modal-title">选择提出人</h4>
                </div>
                <div class="modal-body">
                    <iframe style="width: 100%; border: 0px; height: 400px;" id="iframePopModalForm" name="iframePopModalForm"></iframe>
                    <div style="text-align: right;">
                        <button type="button" id="btnPopValOK" class="btn" data-dismiss="modal">确定</button>
                        <button type="button" id="btnPopValCancel" class="btn" data-dismiss="modal">取消</button>
                    </div>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
    <!--下拉框选项提示信息-->
    <div class="popover fade top in" role="tooltip" id="div_NoticeInfo" style="top: 24.01042366027832px; left: 304.98961639404297px; display: none;">
        <div class="arrow" style="left: 50.22522522522522%;"></div>
        <h3 class="popover-title"><span> title</span><span style="color: white; opacity: 1; float: right; cursor: pointer;" id="span_CloseNoticeInfo">×</span></h3>
        <div class="popover-content">顶部的 Popover 中的一些内容</div>
    </div>
    <!--杨玉慧加  附件弹出窗口-->
    <div class="modal fade" id="athModal">
        <div class="modal-dialog" style="width:600px;margin:30px auto;">
            <div class="modal-content" style="border-radius:0px;">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color:white;opacity:1; display:none;">×</button>
                    <h4 class="modal-title">选择附件</h4>
                </div>
                <div class="modal-body">
                    <iframe style="width:100%;border:0px;height:400px;" id="iframeAthForm" name="iframeAthForm"></iframe>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
    <!--杨玉慧加  中间导航-->
    <iframe id="navIframe" style="display:none;"></iframe>

    <div>
        <iframe id="hisIframe" style="width:100%;display:none;"></iframe>
    </div>


    <!--杨玉慧加   提示信息弹出窗口-->
    <div class="modal fade" id="msgModal" data-backdrop="static">
        <div class="modal-dialog" style="width:600px;margin:30px auto;">
            <div class="modal-content" style="border-radius:0px;">
                <div class="modal-header">
                    <button type="button" class="close" id="btnMsgModalOK1" aria-hidden="true" style="color:white;opacity:1; display:none;">×</button>
                    <h4 class="modal-title">提示信息</h4>
                </div>
                <div class="modal-body" style="text-align:left;word-wrap:break-word;">
                    <div style="width: 100%; border: 0px; height: 400px;" id="msgModalContent" name="iframePopModalForm"></div>
                    <div style="text-align: right;">
                        <button type="button" id="btnMsgModalOK" class="btn" data-dismiss="modal">确定</button>
                    </div>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
</body>
</html>
